<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>章鱼互联App JS-SDK测试</title>
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  <style>
    body,
    html {
      height: 100%;
      -webkit-tap-highlight-color: transparent;
    }

    body {
      font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif;
    }

    ul {
      list-style: none;
    }

    .page,
    body {
      background-color: #ededed;
    }
  </style>
  <link href="https://cdn.bootcss.com/weui/2.1.3/style/weui.min.css" rel="stylesheet">
</head>
<body ontouchstart="">
  <div class="container" id="container">
    <div class="page input js_show">
    <div id="dialogs">
      <!--BEGIN dialog1-->
      <div class="js_dialog" id="iosDialog1" style="display: none;">
        <div class="weui-mask" style="z-index:4999;"></div>
        <div id="js_dialog_1" class="weui-half-screen-dialog">
          <div class="weui-half-screen-dialog__hd">
            <div class="weui-half-screen-dialog__hd__side"></div>
            <div class="weui-half-screen-dialog__hd__main">
              <strong class="weui-half-screen-dialog__title">身份证采集信息</strong>
            </div>
          </div>
          <div class="weui-half-screen-dialog__bd" style="overflow-y:scroll;height: 300px;">
            <article class="weui-article" style="padding: 0;">
              <section>
                <section>
                  <p>
                    <img id="idcard_frontData" src="./idcard-pattern-front.png" alt="">
                    <img id="idcard_backData" src="./idcard-pattern-reverse.png" alt="">
                  </p>
                  <h3 id="idcard_direction"></h3>
                  <h3 id="idcard_cardId"></h3>
                  <h3 id="idcard_name"></h3>
                  <h3 id="idcard_sex"></h3>
                  <h3 id="idcard_address"></h3>
                  <h3 id="idcard_nation"></h3>
                  <h3 id="idcard_birth"></h3>
                  <h3 id="idcard_office"></h3>
                  <h3 id="idcard_validityPeriod"></h3>
                </section>
              </section>
            </article>
          </div>
        </div>
      </div>
      <!--END dialog1-->

      <!--BEGIN dialog2-->
      <div class="js_dialog" id="iosDialog2" style="display: none;">
        <div class="weui-mask"></div>
        <div class="weui-dialog">
          <div id="content" class="weui-dialog__bd"></div>
          <div class="weui-dialog__ft">
            <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary">知道了</a>
          </div>
        </div>
      </div>
      <!--END dialog2-->

      <!--BEGIN dialog3-->
      <div class="js_dialog" id="iosDialog3" style="display: none;">
        <div class="weui-mask" style="z-index:4999;"></div>
        <div id="js_dialog_3" class="weui-half-screen-dialog">
          <div class="weui-half-screen-dialog__hd">
            <div class="weui-half-screen-dialog__hd__side"></div>
            <div class="weui-half-screen-dialog__hd__main">
              <strong class="weui-half-screen-dialog__title">人脸识别采集信息</strong>
            </div>
          </div>
          <div class="weui-half-screen-dialog__bd" style="overflow-y:scroll;height: 300px;">
            <article class="weui-article" style="padding: 0;">
              <section>
                <section>
                  <p>
                    <img id="blinkImage" src="./idcard-pattern-front.png" alt="">
                  </p>
                </section>
              </section>
            </article>
          </div>
        </div>
      </div>
      <!--END dialog3-->
    </div>

      <div class="page__bd">
        <div class="weui-cells__title">当前容器判断</div>
        <div class="weui-cells weui-cells_form">
          <div class="weui-btn-area">
            <div style="text-align: center;">判断当前容器是否是APP</div>
            <a id="btn-isfromapp" class="weui-btn weui-btn_primary" href="javascript:"> 发起事件 isFromApp </a>
          </div>
          <div class="weui-btn-area">
            <div style="text-align: center;">判断当前容器是否是微信</div>
            <a id="btn-weixin" class="weui-btn weui-btn_primary" href="javascript:"> 发起事件 isFromWeiXin </a>
          </div>
          <div class="weui-btn-area">
            <div style="text-align: center;">判断当前容器是否是iOS</div>
            <a id="btn-ios" class="weui-btn weui-btn_primary" href="javascript:"> 发起事件 isFromIOS </a>
          </div>
          <div class="weui-btn-area">
            <div style="text-align: center;">判断当前容器是否是安卓</div>
            <a id="btn-android" class="weui-btn weui-btn_primary" href="javascript:"> 发起事件 isFromAndroid </a>
          </div>

          <div class="weui-cells__title">鉴权控制判断</div>
          <div class="weui-btn-area">
            <div style="text-align: center;">建立授信</div>
            <a id="btn-oauth" class="weui-btn weui-btn_primary" href="javascript:"> 发起事件 oauth </a>
          </div>
          <div class="weui-btn-area">
            <div style="text-align: center;">登录</div>
            <a id="btn-login" class="weui-btn weui-btn_primary" href="javascript:"> 发起事件 onLogin </a>
          </div>
          <div class="weui-btn-area">
            <div class="weui-cells__title">人脸识别</div>
            <div class="weui-cells weui-cells_checkbox">
            <label class="weui-cell weui-check__label" for="q11">
              <div class="weui-cell__hd">
                <input type="checkbox" class="weui-check" name="checkbox_face" id="q11" checked="checked">
                <i class="weui-icon-checked"></i>
              </div>
              <div class="weui-cell__bd">
                <p>眨眼</p>
              </div>
            </label>
            <label class="weui-cell weui-check__label" for="q12">
              <div class="weui-cell__hd">
                <input type="checkbox" name="checkbox_face" class="weui-check" id="q12" checked="checked">
                <i class="weui-icon-checked"></i>
              </div>
              <div class="weui-cell__bd">
                <p>张嘴</p>
              </div>
            </label>
            <label class="weui-cell weui-check__label" for="q13">
              <div class="weui-cell__hd">
                <input type="checkbox" name="checkbox_face" class="weui-check" id="q13" checked="checked">
                <i class="weui-icon-checked"></i>
              </div>
              <div class="weui-cell__bd">
                <p>左右摇头</p>
              </div>
            </label>
            <label class="weui-cell weui-check__label" for="q14">
              <div class="weui-cell__hd">
                <input type="checkbox" name="checkbox_face" class="weui-check" id="q14">
                <i class="weui-icon-checked"></i>
              </div>
              <div class="weui-cell__bd">
                <p>上下点头</p>
              </div>
            </label>
          </div>
            <div style="text-align: center;">(key=faceRecognition)</div>
            <a id="btn_facerecognition" class="weui-btn weui-btn_primary" href="javascript:"> 人脸识别 onFaceRecognition </a>
          </div>

          <div class="weui-cells__title">身份证识别（OCR）</div>
            <div class="weui-cell">
              <div class="weui-cell__hd">
                <label class="weui-label">正反面选择</label>
              </div>
              <div class="weui-cell__bd">
                <input type="radio" id="idCardFront" name="idCardOCRMode" value="1" checked="" style="margin-right:5px;margin-top:5px;">正面
                <input type="radio" id="idCardBack" name="idCardOCRMode" value="2" style="margin-left:13px;margin-right:5px;margin-top:5px;">反面
              </div>
            </div>
            <div class="weui-btn-area">
              <div style="text-align: center;">(key=cardOcr)</div>
              <a id="btn-idcardocr" class="weui-btn weui-btn_primary" href="javascript:"> 发起事件 onIdCardOCR </a>
          </div>

          <div class="weui-btn-area">
            <div style="text-align: center;">(key=saeVideo)</div>
            <a id="btn777" class="weui-btn weui-btn_primary" href="javascript:"> 视频见证结果 saeVideo</a>
          </div>

        </div>
      </div>
      
      <div class="page__bd">
        <div class="weui-cells__title">H5页面跳转</div>
        <div class="weui-btn-area">
          <div style="text-align: center;">导航后退</div>
          <a id="btn-navigateback" class="weui-btn weui-btn_primary" href="javascript:"> 发起事件 onNavigateBack </a>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__hd">
            <label class="weui-label">导航标题</label>
          </div>
          <div class="weui-cell__bd">
            <input id="title" class="weui-input" type="text" placeholder="请输入 title" value="我是标题">
          </div>
          <div id="btncleartext11" class="weui-cell__ft">
            <i class="weui-icon-clear"></i>
          </div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__hd">
            <label class="weui-label">H5页面地址</label>
          </div>
          <div class="weui-cell__bd">
            <input id="url" class="weui-input" type="text" placeholder="请输入h5 url" value="https://m.baidu.com/">
          </div>
          <div id="btncleartext22" class="weui-cell__ft">
            <i class="weui-icon-clear"></i>
          </div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__hd">
            <label class="weui-label">是否显示头部原生导航</label>
          </div>
          <div class="weui-cell__bd">
            <input type="radio" id="showNativeNavigation" name="head" value="0" checked="" style="margin-right: 5px;">显示
            <input type="radio" id="hideNativeNavigation" name="head" value="1" style="margin-left: 13px;margin-right: 5px;">隐藏
          </div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__hd">
            <label class="weui-label">是否将后退替换为关闭按钮</label>
          </div>
          <div class="weui-cell__bd">
            <input type="radio" id="showDefaultHide" name="dhide" value="1" style="margin-right: 5px;">是
            <input type="radio" id="hideDefaultHide" name="dhide" value="0" checked="" style="margin-left: 13px;margin-right: 5px;">否
          </div>
        </div>
        <div class="weui-btn-area">
          <div style="text-align: center;">导航前进</div>
          <a id="btn-navigateto" class="weui-btn weui-btn_primary" href="javascript:"> 发起事件 onNavigateTo </a>
        </div>

        <div class="weui-cells__title">原生页面跳转</div>
        <div class="weui-cell">
          <div class="weui-cell__hd">
            <label class="weui-label">原生URL</label>
          </div>
          <div class="weui-cell__bd">
            <input id="url2" class="weui-input" type="text" placeholder="请输入原生URL"
              value="client.html?action=ymtz^webid=2604">
          </div>
          <div id="btncleartext33" class="weui-cell__ft">
            <i class="weui-icon-clear"></i>
          </div>
        </div>
        <div class="weui-btn-area">
          <div style="text-align: center;">原生跳转</div>
          <a id="btn-navigatenativeto" class="weui-btn weui-btn_primary" style="width: 210px" href="javascript:"> 发起事件 onNavigateNativeTo </a>
        </div>
        
        <div class="weui-cells__title">导航头设置</div>
        <div class="weui-cell">
          <div class="weui-cell__hd">
            <label class="weui-label">导航标题</label>
          </div>
          <div class="weui-cell__bd">
            <input id="url11" class="weui-input" type="text" placeholder="请输入导航标题" value="">
          </div>
          <div id="btncleartext111" class="weui-cell__ft">
            <i class="weui-icon-clear"></i>
          </div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__hd">
            <label class="weui-label">右侧按钮标题</label>
          </div>
          <div class="weui-cell__bd">
            <input id="url22" class="weui-input" type="text" placeholder="请输入右侧按钮标题" value="">
          </div>
          <div id="btncleartext222" class="weui-cell__ft">
            <i class="weui-icon-clear"></i>
          </div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__hd">
            <label class="weui-label">右侧按钮图标</label>
          </div>
          <div class="weui-cell__bd">
            <textarea id="url33" placeholder="请输入右侧按钮图标" value="" style="width: 200px; height: 100px"></textarea>
          </div>
          <div id="btncleartext333" class="weui-cell__ft">
            <i class="weui-icon-clear"></i>
          </div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__hd">
            <label class="weui-label">是否显示后退按钮</label>
          </div>
          <div class="weui-cell__bd">
            <input type="radio" id="heads" name="activity1" value="0" checked="" style="margin-right: 5px;">显示-0
            <input type="radio" id="heads2" name="activity1" value="1" style="margin-left: 13px;margin-right: 5px;">隐藏-1
          </div>
        </div>
        <div class="weui-btn-area">
          <div style="text-align: center;">设置导航头</div>
          <a id="btn-navigationbar" class="weui-btn weui-btn_primary" href="javascript:"> 发起事件 navigationBar </a>
        </div>

      </div>
    </div>
    <div class="weui-footer">
      <br/><br/><br/><br/>
      <p class="weui-footer__text">Copyright © 2019-2025 orientsec.ued</p>
    </div>
  </div>

  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script>
  <script>
    var vConsole = new VConsole();
  </script>
  <script src="https://h5itest1.dfzq.com.cn/open/oem-jsbridge-1.1.0.js"></script>
  <script>
    var appendText = function ($dom, appendent, prefexStr) {
      $dom.text(prefexStr + ":" + appendent)
    }
  </script>
  <script>
    // 页面初始化完毕后注册 willAppear 桥接测试
    console.log("页面初始化注册【willAppear】桥接");
    fastman.onViewWillAppear(function(){
      console.log("注册的willAppear被触发");
    });

    // 存入localstorage中
    if (window.localStorage) {
      var storage = window.localStorage
      if (storage['oem_url']) {
        $('#url').val(storage['oem_url'])
      }
    }

    fastman.ready(function () {
      // 页面前进单选框选择事件
      var isShowNativeNavigation = "0"
      $('#showNativeNavigation').click(function () {
        isShowNativeNavigation = $(this).val()
      })
      $('#hideNativeNavigation').click(function () {
        isShowNativeNavigation = $(this).val()
      })
      var isShowDefaultHide = "0"
      $('#showDefaultHide').click(function () {
        isShowDefaultHide = $(this).val()
      })
      $('#hideDefaultHide').click(function () {
        isShowDefaultHide = $(this).val()
      })

      /**
      * 发起事件 触发 btn-isfromapp
      */
      $("#btn-isfromapp").on("click", function (options) {
        var isFromApp = fastman.isFromApp();
        alert(isFromApp);
      });

      /**
      * 发起事件 触发 btn-weixin
      */
      $("#btn-weixin").on("click", function (options) {
        var isFromWeiXin = fastman.isFromWeiXin();
        alert(isFromWeiXin);
      });

      /**
      * 发起事件 触发 btn-ios
      */
      $("#btn-ios").on("click", function (options) {
        var isFromIOS = fastman.isFromIOS();
        alert(isFromIOS);
      });

      /**
      * 发起事件 触发 btn-android
      */
      $("#btn-android").on("click", function (options) {
        var isFromAndroid = fastman.isFromAndroid();
        alert(isFromAndroid);
      });

      /**
      * 发起事件 触发 btn-oauth
      */
      $("#btn-oauth").on("click", function (options) {
        fastman.oauth({
          success: function (res) {
            console.log("res: " + JSON.stringify(res));
            alert(JSON.stringify(res));
          },
          fail: function (err) {
            console.log("err: " + JSON.stringify(err));
            alert(JSON.stringify(err));
          }
        });
      });

      /**
      * 发起事件 触发 btn-login
      */
      $("#btn-login").on("click", function (options) {
        fastman.onLogin({
          success: function (res) {
            console.log("res: " + JSON.stringify(res));
            alert(JSON.stringify(res));
          },
          fail: function (err) {
            console.log("err: " + JSON.stringify(err));
            alert(JSON.stringify(err));
          }
        });
      });

      /**
      * 人脸识别事件触发
      */
      $("#btn_facerecognition").on("click", function (options) {
        var modes = [];
        if ($('#q11').prop("checked")) {
          modes.push('0');
        }
        if ($('#q12').prop("checked")) {
          modes.push('1');
        }
        if ($('#q13').prop("checked")) {
          modes.push('2');
        }
        if ($('#q14').prop("checked")) {
          modes.push('3');
        }
        fastman.onFaceRecognition({
          mode: modes.join(','),
          success: function(res) {
            var $dialog = $('#js_dialog_3'),
                $iosDialog = $('#iosDialog3'),
                $blinkImageData = $('#blinkImage')
            if(res.blinkImage){
              $blinkImageData.attr("src", "data:image/jpg;base64," + res.blinkImage)
              $iosDialog.fadeIn(200)
              $dialog.addClass('weui-half-screen-dialog_show')
            }
          },
          fail: function (err) {
            openDialog(JSON.stringify(err.info + '(' + err.code + ')'))
          }
        })
      });

      /**
      * 身份证扫描事件触发
      */
      $("#btn-idcardocr").on("click", function (options) {
        var selectedMode = $('input[name="idCardOCRMode"]:checked').val();
        var $dialog1 = $('#js_dialog_1'),
          $iosDialog1 = $('#iosDialog1'),
          $direction = $('#idcard_direction'),
          $frontData = $('#idcard_frontData'),
          $backData = $('#idcard_backData'),
          $cardId = $('#idcard_cardId'),
          $name = $('#idcard_name'),
          $sex = $('#idcard_sex'),
          $address = $('#idcard_address'),
          $nation = $('#idcard_nation'),
          $birth = $('#idcard_birth'),
          $office = $('#idcard_office'),
          $validityPeriod = $('#idcard_validityPeriod');
        console.log("身份证扫描开始,所选[mode]为：" + selectedMode);
        fastman.onIdCardOCR({
          mode: selectedMode,
          success: function (res) {
            console.log("扫描成功" + JSON.stringify(res));
            if (typeof res == 'string'){
              res = JSON.parse(res)
            }
            if(res.direction)
              appendText($direction, res.direction, "数据方向")
            if(res.cardId)
              appendText($cardId, res.cardId, "身份证号")
            if(res.name)
              appendText($name, res.name, "姓名")
            if(res.sex)
              appendText($sex, res.sex, "性别")
            if(res.address)
              appendText($address, res.address, "住址")
            if(res.nation)
              appendText($nation, res.nation, "民族")
            if(res.birth)
              appendText($birth, res.birth, "生日")
            if(res.office)
              appendText($office, res.office, "签发机构")
            if(res.validityPeriod)
              appendText($validityPeriod, res.validityPeriod, "有效期限")
            if(res.frontData)
              $frontData.attr("src", "data:image/jpg;base64," + res.frontData)
            if(res.backData)
              $backData.attr("src", "data:image/jpg;base64," + res.backData)

            $iosDialog1.fadeIn(200)
            $dialog1.addClass('weui-half-screen-dialog_show')
          },
          fail: function (err) {
            console.log("扫描失败: " + JSON.stringify(err));
            alert(JSON.stringify(err));
          }
        });
      });

      /**
      * saeVideo 接受原生通知(视频见证结果)
      */
      $("#btn777").on("click", function (options) {
        console.log("接受原生通知(视频见证结果)");
        var data = {
          "type": "sae_video",
          "requestBody": {
            "businessType": "2",
            "appId": "1",
            "urlFlag": "2",
            "channel": "1",
            "salesOffice": "DFZQ000018",
            "fundaccount": "01828054",
            "picId": "e2369e048b594dc18f056a2f6665aaa0",
            "serialNoReset": "6d9b3053-0e05-48b4-497d-1b66669428da",
            "extend": "{\"businessType\":\"2\",\"appId\":\"1\",\"urlFlag\":\"2\",\"channel\":\"1\",\"salesOffice\":\"DFZQ000018\",\"fundaccount\":\"01828054\",\"picId\":\"e2369e048b594dc18f056a2f6665aaa0\",\"serialNoReset\":\"6d9b3053-0e05-48b4-497d-1b66669428da\"}"
          }
        };
        var options = JSON.stringify(data)
        console.log('===当前 options ===', options);
        window.callNativeHandler("saeVideo", data, function (response) {
          console.log("===saeVideo===", response);
        });
      });
    
      function test(value) {
        console.log('===当前触发 测试register===');
        alert("测试register")
      }
      /**
      * 发起事件 触发 btn-navigateback
      */
      $("#btn-navigateback").on("click", function (options) {
        fastman.onNavigateBack();
      });

      /**
      *  发起事件 触发 btn-navigateto
      */
      $("#btn-navigateto").on("click", function () {
        console.log("页面前进");
        var url = $("#url").val(); // 页面路径
        var title = $("#title").val(); // 页面标题
        var head = isShowNativeNavigation;
        var showDefaultHide = isShowDefaultHide;
        var context = {
          title: title,
          uri: url,
          hideNavigationBar: head,
          showDefaultHide: showDefaultHide
        }
        if (window.localStorage) {
          var storage = window.localStorage
          storage['oem_url'] = url
        }
        console.log('输入onNavigateTo->', JSON.stringify(context));
        window.callNativeHandler("go", context, function (response) {
          console.log("输出onNavigateTo<-", response);
        });

      });

      // 快速清除URL内的内容
      $('#btncleartext11').on('click', function () {
        $('#title').val('')
      })
      $('#btncleartext22').on('click', function () {
        $('#url').val('')
      })

      /**
      * 发起事件 触发 btn-navigatenativeto
      */
      $('#btn-navigatenativeto').on('click', function () {
        console.log("原生跳转");
        var url = $("#url2").val(); // 页面路径
        console.log(url);
        var context = {
          url: url,
        }
        fastman.onNavigateNativeTo({
          url: 'client.html?action=ymtz^webid=2604'
        })
      })
      
      // 快速清除URL内的内容
      $('#btncleartext33').on('click', function () {
        $('#url2').val('')
      })
      
      // 快速清除URL内的内容
      $('#btncleartext66').on('click', function () {
        $('#url66').val('')
      })

      // 导航设置基础函数
      var slectVlaue = 0;
      $('#heads').click(function () {
        slectVlaue = $(this).val()
      })
      $('#heads2').click(function () {
        slectVlaue = $(this).val()
      })
      
      /**
      * 发起事件 触发 btn-navigationbar
      */
      $("#btn-navigationbar").on("click", function () {
        console.log("页面标题栏设置");
        var title = $("#url11").val(); // 页面标题
        var subtitle = $("#url22").val(); // 页面副标题
        var icon = $("#url33").val(); // 页面右侧图标按钮
        var head = slectVlaue // 单选框值
        // 空函数
        var onRightBtnClick = () => {
          alert("右上角按钮被点击")
        }
        var context = {
          title: title,
          rightButtonTitle: subtitle,
          rightButtonIcon: icon,
          onRightButtonPress: onRightBtnClick,
          isShowBackButton: head
        }
        fastman.onNavigateBar(context);

      });
      // 快速清除URL内的内容
      $('#btncleartext111').on('click', function () {
        $('#url11').val('')
      })
      $('#btncleartext222').on('click', function () {
        $('#url22').val('')
      })
      $('#btncleartext333').on('click', function () {
        $('#url33').val('')
      })
      // 设置一个默认的base64图片示例
      $('#url33').html("iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAABB1JREFUaEPdmk+IV1UUxz/HUos0lTJLE0LBTcvATRGYCbaUFhJtQqxtIpZSYOAiyhQUWgily1aF7XLRIiOCoG2ulAZm1EYb5l82/slufH/eZ2/uvN/73fve/f1mxgM/mPn9zj33ft6595xz731GJnHOLQMeBZb7j/6ukhngNnATmDEz/d1arI0FP/iVwGrgoYa27gITwHQbqEYgzjk9bQ1eEDllWlBmJq8lSRKIc+5h4Eng8aRe0pWngD/N7J/YptEgzrlVwFpgSazxlnr/AtfNbDLGThSIc24dIJD5EE21a706rgVxzun39cBjvQz1+fcbwBUzc9366QriIZ71IbXP44wy/zdwuRtMHciGBeCJkPCGmV2uwq4Emec10cs9lWtmDoiPTlrcC1lGw2g2C8TniecGGGKbPiyF5qFynglBnh5Asms6+LDdlJn9UXx5H8SXHRtz9TIgO8NFOVMGUb5YMaAB5OpGheZVGeuA+CpWa2MxitbK7QLkCUCfVHkG2Au8Cmh9NZER4AfgS6DzdBNlzMzGCpDNDfYTzwOfAWqbQy4B7wG/JRq7a2aXrOG0egE45uuwxH5r1a94mF8TjQ4JRFVtSgJ8yUOsSewsVn0cOAD8FNsAGBVISom+Azju9+QJ/SSr3gL2A99HtpwQiHJHt4OCsp1NwFdAvzwRjlmeeQP4PQJmRiBbIhSlIne/HambS+00cDTGWArIKWBbYPRz4BfgLWB7TIcVOucBDfgIEOYy/fZOjN0UEHW0OzD6ijY7wFLgDLA1ptOSjh7CHkCHDMpjPwftvwUOxthMAXkd+Dgwegg4679TQhRMbF656CFGffs3gcOB/Q+Ab3KDyN5JYGdg+F3gnP9OSVIwOvOqEy1keeKCV3oNOBE0+A7YFwMhnRSPdPR9h3UwLwNf9BiAgsaPuSAKkNjwWx5bL8/sAj7pAlOejq094fvohN+UhJgCo2JStVNZVJupOJTkgpCtySYlSgqMIo7WgkRr59M+QMhkp0TRdUCbvUivaVYktPf7BCGzQ23K+BTPFLo5p1Nh814Zr/+cc003VnUwOt5U+CxCcz8g1P+sjVXb6VUAhdNMMB8BuiZolSdqwvn/W13vlVyHD1VrJhyHvKRE2lZmHz54EJXyuY6D6mByQWjYc4+DPEzOAzrVZarPyvI18GFbN/j21Qd0HkRVrEJx1AVQxIBeBLQh083tcEV1G2GiUqX+yNTDpO7hmw6mTbv6Q+zCcouypc3gYttOmllR+t9v82Bf9PgpJsiFdPWmu/eR5Ku3EszivgwtT9h5XjOVayJcUNFh1p9IPpUxNPda3PlfGChFM+UZFZiDeIVDxeCdXrTF79EeCaaayhmdOOa+GPoLGO/7SzXh01n0rzlVubv04tkjQPESWpVqX148+w/6WmGN5nDOvgAAAABJRU5ErkJggg==");

      $('.weui-mask').on('click', function(){
        $('.js_dialog').fadeOut(200);
        $('#iosDialog1').removeClass('weui-half-screen-dialog_show');
        $('#iosDialog3').removeClass('weui-half-screen-dialog_show');
      });
    });
  </script>

</body>

</html>